import { useContext, createContext } from "react";
const Context = createContext()  // 创建上下文对象


function Bar() {
    return (
        <div>
            <h3>foo</h3>
        </div>
    )
}


function Foo() {
    return (
        <div>
            <h2>foo</h2>
            <Bar></Bar>
        </div>
    )
}



function App() {
    return (
        <Context.Provider value={'来自 app 的数据'}>
            <div>
                <h1>app</h1>
                <Foo></Foo>
            </div>
        </Context.Provider>

    )
}

export default App;